.body {}

#app {}

.content {
    height: 350px;
    margin-top: 20px;
    border-radius: 200px;
    border-left: 5px solid #6E35AE;
    border-right: 5px solid #6E35AE;
}

.content .left {
    border-right: 2px solid #6E35AE;
}

.content .hello {
    background-image: url(/img/纹理背景.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #EEEEEE;
}

.content .hello h1 {
    color: #a9a9a8;

}

.content .form-card,
.content .hello {
    height: 300px;
    margin: 10px;
    padding: 16px;
    background-color: #FEFEFEE5;
    backdrop-filter: blur(3px) brightness(100%);
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%);
    transition: .1s;
    -moz-transition: .1s;
    -webkit-transition: .1s;
    -o-transition: .1s;
}

.content .form-card:hover,
.content .hello:hover {
    background-color: #FEFEFE;
    -webkit-box-shadow: 6px 6px 4px 0px rgb(0 0 0 / 20%);
    margin-left: 7px;
    margin-right: 13px;
    margin-top: 7px;
    margin-bottom: 13px;
}

.picture-verification-button,
.email-verification-button {
    width: 130px;
    padding: 12px 2px;
}

/* 当将按钮放入输入框中，禁用样式会失效，在这里重新设置某些失效属性 */
.picture-verification-button.is-disabled,
.email-verification-button.is-disabled {
    opacity: 0.5;
    color: #C0C4CC !important;
    border-color: transparent !important;
    background-color: transparent !important;
}